/**
 * Created by Administrator on 2025/10/25.
 */

// 下面是一个全局变量
var slideindex=1;

// 这个函数会在js加载时被执行
// ShowSlides(slideindex);

function PlusSlides(n) {
    ShowSlides(slideindex+=n);
}

function CurrentSlide(n) {
    ShowSlides(slideindex=n);
}

function ShowSlides(n) {
    // window.console.log(n);
    var i;
    var slides=document.getElementsByClassName("myslides");
    var dots = document.getElementsByClassName("dot");
    //这里假定  slides.length 等于 3
    if (n>slides.length) {
        slideindex=1;
    }
    // 上面语句确保,n在大于3的情况下,立马变成1
    if (n<1)
    {
        slideindex=slides.length;
    }
    //上面的语句确保,n在小于1时,立马变成3
    /*
    * 就是确保 slideindex 始终在 1~3 之间
    * */
    for (i = 0; i < slides.length; i++){
        slides[i].style.display="none";
    }
    for (i = 0; i < dots.length; i++){
        dots[i].className = dots[i].className.replace(" active", "");
    }
    slides[slideindex-1].style.display ="block";
    dots[slideindex-1].className += " active";
}

window.addEventListener("DOMContentLoaded",function () {
    // window.console.log("hello");
    ShowSlides(slideindex);

    window.setInterval(function () {
        PlusSlides(1);
    },2000);
});




/*
    在JavaScript中，window和document是两个核心对象，它们在层级关系、功能用途和所属模型方面存在显著差异
       层级关系‌：window对象是浏览器环境中的顶层对象，代表整个浏览器窗口或标签页
               而document对象是window对象的一个属性，表示当前加载的HTML文档内容
      功能用途‌：window对象主要用于控制浏览器窗口行为，例如打开新窗口、设置定时器、管理全局变量
               document对象则专注于操作页面内容，包括访问DOM元素、修改文本、处理事件等
      所属模型‌：window对象属于BOM（浏览器对象模型），用于与浏览器交互
               document对象属于DOM（文档对象模型），用于操作文档结构
                典型方法上，window提供alert()、setTimeout()等
                document则提供getElementById()、querySelector()等方法
      全局性‌：在浏览器环境中，所有全局变量和函数都自动成为window对象的成员
             document对象仅作用于当前文档，不具备全局特性
*/


